@mixin clearfix {
  *zoom: 1;

  &:before, &:after {
    content: "";
    display: table;
  }
  &:after {
    clear: both;
  }
}
@mixin inline-block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
@mixin no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
@mixin ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@mixin transition($prop: all, $duration: 0.3s, $delay: 0s, $ease: ease) {
  -webkit-transition: $prop $duration $delay $ease;
  -moz-transition: $prop $duration $delay $ease;
  -o-transition: $prop $duration $delay $ease;
  transition: $prop $duration $delay $ease;
}
@mixin rotate($deg: 0deg) {
  -webkit-transform: rotate($deg);
  -moz-transform: rotate($deg);
  -o-transform: rotate($deg);
  transform: rotate($deg);
}
